<template>
  <div id="app">
      <menulist></menulist>
  </div>
</template>


<script>
import {parseUrlParams} from "./util";
let CONSTANT = require('./constant/constant.js'),
    common = require('./common.js');
export default {
    name: 'app',
    data () {
        return {
            messageList: []
        }
    },
    components: {
        'menulist': () => import('./page/common/Menu-common')
    },
    mounted() {
//        this.getMessage()
//        setInterval( () => {
//            this.getMessage()
//        }, 120000)
    },
    methods:{
//        getMessage() {
//          let url = CONSTANT.URL.CALENDAR.MESSAGELIST;
//          common.requestAjax(url, {}, {}, (data) => {
//              if(data.status == 200) {
//                  this.messageList = data.data.bussData;
//                  console.log(this.messageList)
//              }
//          })
//        }
    }
}
</script>

<style  lang="scss">
html{
  height: 100%;
    background-color: #f2f2f2;
    font-size: 14px;
}
.el-upload__input{
    display: none!important;
}
.el-button--primary{
        border-radius: 4px;
        -webkit-border-radius: 4px;
        background-color: #ED7018!important;
        border: 0PX;
        &:hover{
        background-color: #ED9000!important;;
        transition:all .2s linear
        } 
}
body{
  height: 100%;
    font-size: 14px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
    color: #333;
}

table{
      border-collapse: inherit!important;
}
.balance-search{
    .balance-item{
        .file-name{
            display: inline-block;
            font-size: 16px;
            color: #318EE4;
            margin-left: 11px;
        }
        .el-select{
            .el-input{
                width: 145px!important;
            }
        }
    }
}


.el-button.link{
  padding: 0px!important;
  span{
    display: inline-block;
    a{
      text-decoration: none;
      display: inline-block;
      padding:9px 15px;
    }
  }
}

*{
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
    box-sizing: content-box!important;
}

#app{
  height: 100%;
    /*background-color: #f2f2f2;*/
}

a{
  text-decoration: none;
}

.flex-cont {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-box-justify {
    display: flex;
    justify-content: center;
}

.flex-box-align{
    display: flex;
    align-items: center;
}

.flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.flex-box-container {
    display: flex;
    flex-wrap: wrap;
}

.flex {
    flex:1;
}

.company-num-list {
  li {
      cursor: pointer;
      height: 193px;
      background-color: #fff;
      box-shadow:2px 0px 1px rgba(15,5,9,0.1);
      margin-right: 1.3%;
      text-align: center;
      border-radius: 10px;
      .li-top {
          height: 44px;
          font-size: 16px;
          color: #FFFFFF;
          line-height: 44px;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
      }
      div:nth-child(2) {
          font-size: 57px;
          line-height: 150px;
          color: #000000;
      }
  }
  li:nth-child(1) {
      div:nth-child(1) {
          background: linear-gradient(to right, #838EFE, #00E9FF);
      }
  }
  li:nth-child(2) {
      div:nth-child(1) {
          background: linear-gradient(to right, #FF5454, #FFA0A0);
      }

  }
  li:nth-child(3) {
      div:nth-child(1) {
          background: linear-gradient(to right, #D6A615, #E6D7A9);
      }
  }
  li:nth-child(4) {
      div:nth-child(1) {
          background: linear-gradient(to right, #F47721, #F8B88B);
      }
  }
  li:nth-child(5) {
      div:nth-child(1) {
          background: linear-gradient(to right, #547CFF, #A0CAFF);
      }
  }
  li:nth-child(6) {
      div:nth-child(1) {
          background: linear-gradient(to right, #55DF3E, #B6FFAA);
      }
  }
}
@media screen and (max-width: 1440px) {
  .company-num-list {
    li {
      height: 160px;
      div:nth-child(2) {
        font-size: 50px;
        line-height: 110px;
      }
    }
  }
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
input[type="number"]{-moz-appearance:textfield;}
</style>
